<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
 %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>员工考勤管理</title>
<!--                       CSS                       -->
<!-- Reset Stylesheet -->
<link rel="stylesheet" href="/oa/css/reset.css" type="text/css" media="screen" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="/oa/css/styleMain.css" type="text/css" media="screen" />
<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
<link rel="stylesheet" href="/oa/css/invalid.css" type="text/css" media="screen" />
<!--                       Javascripts                       -->
<!-- jQuery -->
<script type="text/javascript" src="/oa/js/jquery-1.3.2.min.js"></script>
<!-- jQuery Configuration -->
<script type="text/javascript" src="/oa/js/simpla.jquery.configuration.js"></script>
<!-- Facebox jQuery Plugin -->
<script type="text/javascript" src="/oa/js/facebox.js"></script>
<!-- jQuery WYSIWYG Plugin -->
<script type="text/javascript" src="/oa/js/jquery.wysiwyg.js"></script>
<!-- jQuery Datepicker Plugin -->
<script type="text/javascript" src="/oa/js/jquery.datePicker.js"></script>
<script type="text/javascript" src="/oa/js/jquery.date.js"></script>
<script type="text/javascript">
function getCurDate()
{
 var d = new Date();
 var week;
 switch (d.getDay()){
 case 1: week="星期一"; break;
 case 2: week="星期二"; break;
 case 3: week="星期三"; break;
 case 4: week="星期四"; break;
 case 5: week="星期五"; break;
 case 6: week="星期六"; break;
 default: week="星期天";
 }
 var years = d.getYear();
 var month = add_zero(d.getMonth()+1);
 var days = add_zero(d.getDate());
 var hours = add_zero(d.getHours());
 var minutes = add_zero(d.getMinutes());
 var seconds=add_zero(d.getSeconds());
 var ndate = years+"年"+month+"月"+days+"日 "+week+" "+hours+":"+minutes+":"+seconds;
 divT.innerHTML= ndate;
}

function add_zero(temp)
{
 if(temp<10) return "0"+temp;
 else return temp;
}

setInterval("getCurDate()",100);

   /* function findByRoleName(){
		roleName = $("#roleName").val();
		$("#info").val("请选择");
		$("depart").val("部门");
		$("#gender").val("全部"); 
		$("depart").hide();
		$("#gender").hide(); 
		$("#parameters").hide();
		$("#search").show(); 
	}
	function findByInfo(){
		if($("#info").val()==""){
			$("#depart").hide();
			$("#gender").hide();
			$("#parameters").hide();
			$("#search").show();
			$("#gender").val("全部");
			$("depart").val("部门");
			$("#parameters").val("");
			return findByRoleName();
		}else if($("#info").val()=="userName"){
			$("#parameters").show();
			$("#search").show();
			$("#gender").hide();
			$("#depart").hide();
			$("#gender").val("全部"); 
			$("#depart").val("部门");
			$("#parameters").val("");
		}else if($("#info").val()=="depart"){
			$("#parameters").hide();
			$("#gender").hide();
			$("#depart").show();
			$("#search").show();
			$("#gender").val("全部");
			$("#parameters").val("");
		}else if($("#info").val()=="gender"){
			$("#parameters").hide();
			$("#depart").hide();
			$("#gender").show();
			$("#search").show();
			$("#depart").val("部门");
			$("#parameters").val("");
		}
	}
	
  
	
	function findByRoleAndInfo(){
		roleName = $("#roleName").val();
		info = $("#info").val();
		parameters = $("#parameters").val();
		currentPage = 1;
		var url = "user/fuzzySearch.action";
		if(info=='name'){
			$.getJSON(url,{'user.role.serialNumber':roleName,'user.name':parameters},function(data){getResult(data);});
		}else if(info==null){
			alert("请选择查询根据！"); 
		}
	}*/
	function setNowDate(){
		var mydate = document.getElementById("signTxt");
		mydate.value = getNowDate();
	}
	function signClick(){
		window.location.href='';
	}
</script>
<style type="text/css">
<!--
.STYLE1 {font-size: 24px}
-->
</style>
</head>
<body onload="setNowDate()">
<div>	
  <!-- Wrapper for the radial gradient background -->
  </div>
    <!-- Main Content Section with everything -->
    <div class="clear"></div>
    <!-- End .clear -->
    <div class="content-box">
      <!-- Start Content Box -->
      </div>
      <div class="content-box-header">
        <h3>员工签到、签退</h3>
        <ul class="content-box-tabs">
          <li><a href="#tab1" class="default-tab">浏览</a></li>
          <!-- href must be unique and match the id of target div -->
          <li><a href="#tab2">查看信息</a></li>
        </ul>
        <div class="clear"></div>
      </div>
      <!-- End .content-box-header -->
      <div class="content-box-content"></div>
      
       
       
       
        <!--签到框-->
        <div class="searchPanel"><br />
        <s:form namespace="/control/attendance" action="singIn" >
          <label>签卡日期：</label>
         
            <input id="signTxt" type="text" size="20px"  height="20px" onclick="signClick()" />
                                        描述 ：
            <s:textarea cols="4" rows="3" name="manualSign.signDesc">
            	
            </s:textarea>
            &nbsp;
            <input id="search" class="button" type="submit" value="签到" /> 
            <input id="sign" class="button" type="submit" value="签退" />
          
          <p>签卡备注：
            <textarea name="user.description"></textarea>
            </p>
          <p>&nbsp;</p>
          <p><br />
            
          </p>
          </s:form>
        </div>
         <!-- End #tab1 -->
        
        
         <!--搜索框-->
       
        <div class="tab-content" id="tab2">
          <s:form  namespace="/user" action="userLogin">
            <fieldset>
            <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
            <table width="72%" height="300" align="center">
              <tr>
                <td width="84" height="48">用户号：<span style="color:#F00">*</span></td>
                <td width="287"><s:textfield name="userId" type="text" value="" size="40px"   height="30px" /></td>
                <td width="78" height="48">姓名：</td>
                <td width="237"><s:textfield name="userName" type="text" value="" size="30px"   height="30px" /></td>
              </tr>
              <tr>
                <td height="74">所属部门：</td>
                <td><s:textfield name="text2" type="dapart" value="" size="40px"   height="30px" /></td>
                <td height="74">所属机构：</td>
                <td><s:textfield name="text2" type="banch" value="" size="30px"   height="30px" /></td>
              </tr>
              <tr>
                <td>您的签到时间：</td>
                <td><s:textfield name="text2" type="text" value="" size="40px"   height="30px"/></td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>备注</td>
                <td><textarea name="textarea2"></textarea></td>
                <td></td>
               
              </tr>
            </table>
            
            </fieldset>
            <div class="clear STYLE1"><small>&#169; Copyright 2012 十进制 | 集美大学十进制项目小组</small></div>
            <!-- End .clear -->
            
          </s:form>
          </div>
      
</body>
<!-- Download From www.exet.tk-->
</html>
